<DOCTYPE html>
<html lang="zh-han">
<head>
    <title>登录</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
    <title>Signin Template · Bootstrap</title>

<link href="static/bootstrap.css" rel="stylesheet">
    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
        .divForm{
            position: absolute;/*绝对定位*/
            width: 300px;
            height: 200px;
            {#border: 1px solid red;#}
            text-align: center;/*(让div中的内容居中)*/
            top: 50%;
            left: 50%;
            margin-top: -200px;
            margin-left: -150px;
        }
    </style>
    <!-- Custom styles for this template -->

    <link href="/static/signin.css" rel="stylesheet">
</head>
<body class="text-center">
<link href="/static/signin.css" rel="stylesheet">
<div class="divForm">
<form method="post" action='/login' class="form-signin">
{#<img class="mb-4" src="brand/bootstrap-solid.svg" alt="" width="72" height="72">#}
    <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
        <label for="inputUsername" class="sr-only">Username</label>
  <input type="text" id="inputEmail" class="form-control" placeholder="Username" name="username" required autofocus>
  <label for="inputPassword" class="sr-only">Password</label>
  <input type="password" id="inputPassword" class="form-control" name="password" placeholder="Password" required>
  <div class="checkbox mb-3">
    <label>
      <input type="checkbox" value="remember-me"> Remember me
    </label>
  </div>
    <a class="btn btn-lg btn-primary btn-block" type="submit" value="登录" href="{{ url_for('main') }}">Sign in</a>
{#        <button class="btn btn-lg btn-primary btn-block" type="submit" value="登录" >Sign in</button>#}
  <p class="mt-5 mb-3 text-muted">&copy; 2020</p>
</form>
</div>
</body>
</html>